<template>
    <div>
<h1>xx</h1>
<table class="table table-bordered">
    <tr>
        <td>用户名：</td>
        <td><input type="text" v-model="info.name"></td>
    </tr>
    <tr>
        <td>密码：</td>
        <td><input type="password" v-model="info.pwd"></td>
    </tr>
    <tr>
        <td></td>
        <td><input type="button" value="登录" @click="login"></td>
    </tr>
</table>
    </div>
</template>

<script setup lang="ts">

import { ref,reactive } from 'vue';

let info=reactive({
    name:'',
    pwd:''
})

const login=()=>{
alert(info.name+info.pwd);
}


</script>

<style scoped>

</style>